<template>
  <div class="cart-page">
    <div class="cart-head">
      <span>购物车</span>
    </div>
    <div class="cart-body">
      <div class="cart-card" v-for="i in 10">
        <div class="title">
          <el-checkbox></el-checkbox>
          超级玛丽店
        </div>
        <div class="body">
          <div class="picture">
            <img src="../../../static/images/hamburger.png" class="image">
          </div>
          <div class="details">
            <div class="context">
              <div class="title">
                欧式铁艺床双人床现代简约美式铁床单人1.5米公主床成人铁架床1.8
                欧式铁艺床双人床现代简约美式铁床单人1.5米公主床成人铁架床1.8
                欧式铁艺床双人床现代简约美式铁床单人1.5米公主床成人铁架床1.8
              </div>
              <div class="sku">
                宽度：1.2米 1.5米
                尺寸：1500mm*2000mm
                颜色分类：B款白色 品牌加厚
                宽度：1.2米 1.5米
                尺寸：1500mm*2000mm
                颜色分类：B款白色 品牌加厚
                宽度：1.2米 1.5米
                尺寸：1500mm*2000mm
                颜色分类：B款白色 品牌加厚
              </div>
            </div>
            <div class="data">
              <div class="price">
                ￥ 189
              </div>
              <div class="quantity">
                <el-input-number size="mini" :value="1"></el-input-number>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="vk-submit">
      <van-submit-bar
        :price="3050"
        button-text="提交订单" >
        <van-checkbox v-model="checked">全选</van-checkbox>
        <span slot="tip">
          您的收货地址不支持同城送, <span>修改地址</span>
        </span>
      </van-submit-bar>
    </div>
  </div>

</template>

<style lang="less" scoped>
  @import "../../assets/less/index";
</style>
